<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta content="yes" name="apple-mobile-web-app-capable">
        <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, target-densityDpi=device-dpi" />
        <!-- 微软的老式浏览器 -->
        <meta name="MobileOptimized" content="320">
        <!-- 启用360浏览器的极速模式(webkit) – -->
        <meta name="renderer" content="webkit">
        <!-- 避免IE使用兼容模式 -->
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
        <meta name="HandheldFriendly" content="true">
        <!-- uc强制竖屏 -->
        <meta name="screen-orientation" content="portrait">
        <!-- QQ强制竖屏 -->
        <meta name="x5-orientation" content="portrait">
        <!-- UC强制全屏 -->
        <meta name="full-screen" content="yes">
        <!-- QQ强制全屏 -->
        <meta name="x5-fullscreen" content="true">
        <!-- UC应用模式 若开启长按无法复制链接-->
        <!--meta name="browsermode" content="application"-->
        <!-- QQ应用模式 -->
        <meta name="x5-page-mode" content="app">
        <!--网站开启对web app程序的支持-->
        <meta name="apple-touch-fullscreen" content="yes">
        <!--在web app应用下状态条（屏幕顶部条）的颜色-->
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <!-- windows phone 点击无高光 -->
        <meta name="msapplication-tap-highlight" content="no">
        <!--移动web页面是否自动探测电话号码-->
        <!--<meta http-equiv="x-rim-auto-match" content="none">-->
        <!--手机号码显示为拨号链接-->
        <meta name="format-detection" content="telephone=no">
        <meta http-equiv="Cache-Control" content="max-age=300" />
        <meta http-equiv="Expires" content="300" />
        <title>第五届“创互联网金融无限未来”高峰论坛-腾讯大粤网财经频道|8号金融街</title>
        <link rel="stylesheet" href="__PUBLIC__css/reset.css">
        <link rel="stylesheet" href="__PUBLIC__css/summit.css">
        <link rel="stylesheet" href="__PUBLIC__assets/swiper/css/swiper.min.css">
        <script src="__PUBLIC__js/jquery.min.js"></script>
        <script src="__PUBLIC__assets/swiper/js/swiper.jquery.min.js"></script>
        <script src="__PUBLIC__js/common.js"></script>
        <script src="__PUBLIC__js/index-new.js"></script>
		<script src="__PUBLIC__layer_m/layer.js"></script>
    <script src="__PUBLIC__js/jquery.nicescroll.min.js"></script>
		  <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
        <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=160d9d7ae92722fb5489b7689b5fdb47"></script>
		<script src="__PUBLIC__assets/ckplayer/ckplayer.js"></script>
    </head>
    <body>
    <div class="container">
      <div class="title clearfix">
        <div class="icon">
          <img src="__PUBLIC__images/s-icon.png">
        </div>
        <div class="tab">
          <img src="__PUBLIC__images/s-c.png">
        </div>
      </div>
      <div class="banner">
      </div>
      <div class="tag">
        <ul>
          <li href="#" onclick="gd(0)" class="a-banner">论坛首页</li>
          <li href="#" onclick="gd(1)" class="a-video">视频直播</li>
          <li href="#" onclick="gd(2)"class="a-honored">嘉宾介绍</li>
          <li href="#" onclick="gd(3)" class="a-order">议程安排</li>
          <li href="#" onclick="gd(4)" class="a-history">历届回顾</li>
          <li href="#" onclick="gd(5)" class="a-map">我要报名</li>
          <li href="#" onclick="gd(6)" class="a-support">媒体支持</li>
        </ul>
      </div>
      <div class="content">
        <div class="video">
          <div class="v-t">
            <img src="__PUBLIC__images/sv-t.png" height="51" width="333">
          </div>
          <div class="v-c">
            <ul>
              <li class="v-active v-re">往期回顾</li>
              <li class="v-now">现场直播</li>
            </ul>
          </div>
          <div class="v">
            
			<div id="a1" style="width:100%; margin:0 auto; height:120%" class="video-reback"></div> 
				<div class="video-now">
          <img src="__PUBLIC__images/s-now.png">
        </div>
						<script type="text/javascript">
								var clientWidth = document.documentElement.clientWidth;
								var videoHeight = clientWidth / 16 * 9-30;
                var imgbg="http://wei.8hjie.com/App/Home/Public/images/v-bgbg.jpg";

								 var flashvars = {
                  i:imgbg,
									c: 0,
									p: 1,
									loaded:'loadedHandler'
								};
								var video=['http://1252786924.vod2.myqcloud.com/e855240dvodgzp1252786924/04a8c5b64564972818823366429/pHMz9nQNNdcA.mp4'];
								CKobject.embed('ckplayer/ckplayer.swf', 'a1', 'ckplayer_a1', '100%', videoHeight, false, flashvars, video);
				
				
							
							</script>
          </div>
        </div>
      <div class="honored">
        <div class="h-t">
          <img src="__PUBLIC__images/s-h.png">
        </div>
        <div class="expert-banner">
          <div class="expert-swiper-container swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <a href="#">
                      <div class="person">
                         <img src="__PUBLIC__images/personone.png" alt="">
                      </div>
                        <h4>南岭</h4>
                        <p>原市委副秘书长、市政府副秘书长、办公厅党组成员，市改革办主任。现任深圳创新发展研究院学术委员会执行主任。1955年1月生，湖北省浠水县人，在职博士研究生学历，华中师范大学“行政管理”专业博士研究生兼职指导教师。</p>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="#">
                      <div class="person">
                         <img src="__PUBLIC__images/persontwo.png" alt="">
                      </div>
                        <h4>郑学定</h4>
                        <p>深圳市人大常委，高级会计师。自2000年当选起，已连任三届、四届、五届市人大代表，履职近15年，深圳市人大计划预算委员会“三剑客”之一，被众多媒体评为“两会炮手”、“最较真代表”，是坊间颇为知名的市人大代表。</p>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="#">
                      <div class="person">
                         <img src="__PUBLIC__images/personthree.png" alt="">
                      </div>
                        <h4>田晓红</h4>
                        <p>原深圳市人大办公室副主任，现任深圳前海国际资本管理学院常务副院长，原深圳市税务局办公室主任。</p>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="#">
                      <div class="person">
                         <img src="__PUBLIC__images/person4.png" alt="">
                      </div>
                        <h4>黄新山</h4>
                        <p>深圳市法制办助理巡视员、深圳市委组织部互联网类行业协会第一党委书记，中国人民大学法律研究生班毕业。</p>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="#">
                      <div class="person">
                         <img src="__PUBLIC__images/personfive.png" alt="">
                      </div>
                        <h4>詹伟哉</h4>
                        <p>深圳市德沃投资发展有限公司董事长。1964年出生,武汉大学博士研究生学历,博士学位,正高级会计师,广东省高级会计师评审委员会专家组成员。华安财产保险股份有限公司副总经理,华意压缩机股份有限公司独立董事。</p>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="#">
                      <div class="person">
                         <img src="__PUBLIC__images/person6.png" height="194" width="194" alt="">
                      </div>
                        <h4>高战</h4>
                        <p>现为是格莱珉中国项目的发起者，他投身于关于乡村发展和小额信贷的研究探索已有十数年。2014年4月，在尤努斯教授的见证下，高战签署了关于建立格莱珉中国计划的备忘录，他担任莱珉中国集团的主席，着力推动中国地区的格莱珉微型金融模式，并监管公司运作。</p>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="#">
                      <div class="person">
                         <img src="__PUBLIC__images/person7.png"alt="">
                      </div>
                        <h4>梅永红</h4>
                        <p>现任深圳国家基因库主任、华大基因农业集团董事长兼总裁，曾任济宁市委副书记、市长。</p>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="#">
                      <div class="person">
                         <img src="__PUBLIC__images/person8.png"alt="">
                      </div>
                        <h4>李继朝</h4>
                        <p>深圳市前海众筹股份有限公司董事长。深圳市第四届、第五届人大代表；深圳市高新技术企业金融服务促进会会长，曾担任中兴产品总经理，中兴通讯副总裁等职位。</p>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="#">
                      <div class="person">
                         <img src="__PUBLIC__images/person9.png" alt="">
                      </div>
                        <h4>杨勤</h4>
                        <p>和发集团董事长。深圳市人大代表。</p>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="#">
                      <div class="person">
                         <img src="__PUBLIC__images/person10.png" alt="">
                      </div>
                        <h4>向隽</h4>
                        <p>深圳市迪蒙网络科技有限公司董事长、CEO。系深圳市人大常委会经济工委委员、深圳市互联网金融商会会长、广东省电子商务协会副会长、深圳市电子商务协会常务副会长、深圳市互联网产业园科协主席，深圳市罗湖区科协副主席。
              </p>
                    </a>
                </div>

            </div>
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
        </div>
      </div>
      </div>
      <div class="order">
        <div class="o-t">
          <img src="__PUBLIC__images/o-t.png">
        </div>
        <div class="o-c">
        </div>
      </div>
      <div class="history">
        <div class="l-t">
          <img src="__PUBLIC__images/l-t.png">
        </div>
        <div class="l-c">
        </div>
      </div>
      <div class="map">
        <div class="m-t">
          <img src="__PUBLIC__images/m-t.png">
        </div>
        <div class="map-con">
          <div id="allmap"></div>
          <div class="map-form">
            <form>
              <h4>报名参会</h4>
              <p>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：<input id="name" type = 'text' placeholder="输入姓名"/></p>
              <p>手机号码：<input id="phone" type = 'text' placeholder="输入手机号码"></p>
              <p>公司名称：<input id="company" class="telephone" type = 'text' placeholder="输入公司名称"></p>
              <p>所属行业：<input id="industry" type = 'text'  placeholder="输入所属行业"></p>
              <div class="submit" onclick="sub()"><p>提交申请</p></div>
              <p class="dizhi">会议地址：深圳市福田区深南大道竹子林深圳东方银座雅高美爵酒店</p>
            </form>
          </div>
        </div>
      </div>
      <div class="support">
        <div class="s-t">
        </div>
      </div>
    </div>
    <script type="text/javascript">
     $('.v-re').click(function  () {
       $('.v-now').removeClass('v-active');
       $('.v-re').addClass('v-active');
       $('.video-reback').css('display','block');
       $('.video-now').css('display','none');
     });
      $('.v-now').click(function  () {
        $('.v-now').addClass('v-active');
       $('.v-re').removeClass('v-active');
       $('.video-now').css('display','block');
       $('.video-reback').css('display','none');
     });
	       $(function(){
                IsPC();
            })
            function IsPC() {
                var userAgentInfo = navigator.userAgent;
                var Agents = ["Android", "iPhone",
                            "SymbianOS", "Windows Phone",
                            "iPad", "iPod"];
                var flag = true;
                for (var v = 0; v < Agents.length; v++) {
                    if (userAgentInfo.indexOf(Agents[v]) > 0) {
                        flag = false;
                        break;
                    }
                }
                if(flag){
                    location.href="http://www.8hjie.com/Home/Agreement/join_meeting"
                }
            }
			
			
	   wx.config({
                // debug: true,
                appId: '{$signPackage.appId}',
                timestamp: {$signPackage.timestamp},
                nonceStr:'{$signPackage.nonceStr}',
                signature:'{$signPackage.signature}',
                jsApiList:[
                'checkJsApi',
                'onMenuShareTimeline',
                'onMenuShareAppMessage',
                'onMenuShareQQ',
                'onMenuShareWeibo'
                ]
        })
        ;


        wx.ready(function () {

            // 1 判断当前版本是否支持指定 JS 接口，支持批量判断

            wx.checkJsApi({

                jsApiList: [

                    'getNetworkType',

                    'previewImage',

                    'onMenuShareTimeline',

                    'onMenuShareAppMessage',

                    'onMenuShareQQ',

                    'onMenuShareWeibo'

                ],

                success: function (res) {

                    //   alert(JSON.stringify(res));

                }

            });

            var shareData = {

                title: '第五届“创互联网金融无限未来”高峰论坛-腾讯大粤网财经频道|8号金融街！',

                desc: '中国（深圳）第五届“创互联网金融无限未来”高峰论坛暨颁奖盛典将于2018年1月14在深圳东方银座酒店盛大举行。本次论坛由深圳市互联网金融商会、前海国际资本管理学院、江西财经大学深圳研究院主办，迪蒙科技集团、网贷东方承办。！',

                link: 'http://www.8hjie.com/Home/Agreement/join_meeting',

                imgUrl: 'http://www.8hjie.com/App/Home/Public/images/fxlogo.png',


            };

            wx.onMenuShareAppMessage(shareData);

            wx.onMenuShareTimeline(shareData);

            wx.onMenuShareQQ(shareData);

            wx.onMenuShareWeibo(shareData);

        });

        wx.error(function (res) {

            alert(res.errMsg);

        });
		
    var type = true;
    function gd(index) {
      var top0 = $('.banner').offset().top;
      var top1 = $('.video').offset().top-44;
      var top2 = $('.honored').offset().top-84;
      var top3 = $('.order').offset().top-84;
      var top4 = $('.history').offset().top-84;
      var top5 = $('.map').offset().top-54;
      var top6 = $('.support').offset().top-84;
      switch(index){
        case 0 : $("html,body").animate({scrollTop:top0},1000);$('.tag').css('display','none'); type = true; break;
        case 1 : $("html,body").animate({scrollTop:top1},1000);$('.tag').css('display','none'); type = true; break;
        case 2 : $("html,body").animate({scrollTop:top2},1000);$('.tag').css('display','none'); type = true; break;
        case 3 : $("html,body").animate({scrollTop:top3},1000) ;$('.tag').css('display','none'); type = true;break;
        case 4 : $("html,body").animate({scrollTop:top4},1000);$('.tag').css('display','none');type = true; break;
        case 5 : $("html,body").animate({scrollTop:top5},1000);$('.tag').css('display','none');type = true; break;
        case 6 : $("html,body").animate({scrollTop:top6},1000); $('.tag').css('display','none');type = true;break;
      }
  }    
 
    function sub(){
        var name = $('#name').val();
        var phone = $('#phone').val();
        var company = $('#company').val();
        var industry = $('#industry').val();
        if(!(/^1[3|4|5|7|8|9][0-9]\d{4,8}$/.test(phone))){ 
			   layer.open({
				content:'请输入正确的手机号码！'
				,skin: 'msg'
				,time: 1
			  });
              return false; 
          } 
        
        if(name==''){ 
			    layer.open({
				content:'请输入姓名！'
				,skin: 'msg'
				,time: 1
			  });
              return false; 
          } 
        if(company==''){ 
			    layer.open({
				content:'请输入企业名！'
				,skin: 'msg'
				,time: 1
			  });
              return false; 
          } 
        $.post('/Home/Active/index',{
          name:name,
          phone:phone,
          company:company,
          industry:industry,
        },function(res){
		  layer.open({
				content:res.msg
				,skin: 'msg'
				,time: 1
				,end:function(){$('.summit-alert').css('display','block');location.reload()}
			  });
  
        })
  }
    window.onload = function () {

      var topSwiper = new Swiper('.expert-swiper-container', {
         slidesPerView: 2.9,
        autoplayDisableOnInteraction: false,
        direction: 'horizontal',
        paginationClickable: true,
        slideToClickedSlide: true,
        loop:true,
      prevButton:'.swiper-button-prev',
      nextButton:'.swiper-button-next',
    });

         // 百度地图API功能
    var map = new BMap.Map("allmap");
    var point = new BMap.Point(114.019149,22.541414);
    map.centerAndZoom(point, 18);
    var marker = new BMap.Marker(point);  // 创建标注
    map.addOverlay(marker);              // 将标注添加到地图中
   // marker.addEventListener("click",getAttr);
    map.enableScrollWheelZoom(true);
    }
      $('.tab').click(function() {
        if(type){
        $('.tag').css('display','block');
         type = false;
      }else{
          $('.tag').css('display','none');
          type = true;
      }        
      })
      
    
    </script>
    </body>
</html>